<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

		<title>Administrator</title>

		<!--                       CSS                       -->

		<!-- Reset Stylesheet -->
		<link rel="stylesheet" href="<?php echo $this->baseUrl();?>/application/templates/admin/default/css/reset.css" type="text/css" media="screen" />

		<!-- Main Stylesheet -->
		<link rel="stylesheet" href="<?php echo $this->baseUrl();?>/application/templates/admin/default/css/style.css" type="text/css" media="screen" />

		<!-- Invalid Stylesheet. This makes stuff look pretty. Remove it if you want the CSS completely valid -->
		<link rel="stylesheet" href="<?php echo $this->baseUrl();?>/application/templates/admin/default/css/invalid.css" type="text/css" media="screen" />

		<!-- Colour Schemes

		Default colour scheme is green. Uncomment prefered stylesheet to use it.

		<link rel="stylesheet" href="<?php echo $this->baseUrl();?>/application/templates/admin/default/css/blue.css" type="text/css" media="screen" />

		<link rel="stylesheet" href="<?php echo $this->baseUrl();?>/application/templates/admin/default/css/red.css" type="text/css" media="screen" />

		-->

		<!-- Internet Explorer Fixes Stylesheet -->

		<!--[if lte IE 7]>
			<link rel="stylesheet" href="<?php echo $this->baseUrl();?>/application/templates/admin/default/css/ie.css" type="text/css" media="screen" />
		<![endif]-->

		<!--                       Javascripts                       -->

		<!-- jQuery -->
		<script type="text/javascript" src="<?php echo $this->baseUrl();?>/application/templates/admin/default/js/jquery-1.3.2.min.js"></script>

		<!-- jQuery Configuration -->
		<script type="text/javascript" src="<?php echo $this->baseUrl();?>/application/templates/admin/default/js/simpla.jquery.configuration.js"></script>

		<!-- Facebox jQuery Plugin -->
		<script type="text/javascript" src="<?php echo $this->baseUrl();?>/application/templates/admin/default/js/facebox.js"></script>

		<!-- jQuery WYSIWYG Plugin -->
		<script type="text/javascript" src="<?php echo $this->baseUrl();?>/application/templates/admin/default/js/jquery.wysiwyg.js"></script>

		<!-- Internet Explorer .png-fix -->

		<!--[if IE 6]>
			<script type="text/javascript" src="<?php echo $this->baseUrl();?>/application/templates/admin/default/js/DD_belatedPNG_0.0.7a.js"></script>
			<script type="text/javascript">
				DD_belatedPNG.fix('.png_bg, img, li');
			</script>
		<![endif]-->

	</head>

	<body><div id="body-wrapper"> <!-- Wrapper for the radial gradient background -->

		<div id="sidebar"><div id="sidebar-wrapper"> <!-- Sidebar with logo and menu -->

			<h1 id="sidebar-title"><a href="#">Simpla Admin</a></h1>

			<!-- Logo (221px wide) -->
			<a href="#"><img id="logo" src="resources/images/logo.png" alt="Simpla Admin logo" /></a>

			<!-- Sidebar Profile links -->
			<div id="profile-links">
				Hello, <a href="#" title="Edit your profile">John Doe</a>, you have <a href="#messages" rel="modal" title="3 Messages">3 Messages</a><br />
				<br />
				<a href="#" title="View the Site">View the Site</a> | <a href="#" title="Sign Out">Sign Out</a>
			</div>

			<ul id="main-nav">  <!-- Accordion Menu -->

				<li>
					<a href="http://www.google.com" class="nav-top-item no-submenu"> <!-- Add the class "no-submenu" to menu items with no sub menu -->
						Trang chủ
					</a>
				</li>

				<li>
					<a href="#" class="nav-top-item"> <!-- Add the class "current" to current menu item -->
					Bài viết
					</a>
					<ul>
						<li><a href="#">Thêm bài viết</a></li>
						<li><a class="current" href="#">Quản lí bài viết</a></li> <!-- Add class "current" to sub menu items also -->
						<li><a href="#">Thêm loại bài viết</a></li>
						<li><a href="#">Quản lí loại bài viết</a></li>
					</ul>
				</li>

                <li>
					<a href="#" class="nav-top-item"> <!-- Add the class "current" to current menu item -->
					Sản phẩm
					</a>
					<ul>
						<li><a href="#">Thêm sản phẩm</a></li>
						<li><a class="current" href="#">Quản lí sản phẩm</a></li> <!-- Add class "current" to sub menu items also -->
						<li><a href="#">Thêm loại sản phẩm</a></li>
						<li><a href="#">Quản lí loại sản phẩm</a></li>
					</ul>
				</li>

                <li>
					<a href="#" class="nav-top-item"> <!-- Add the class "current" to current menu item -->
					Hỗ trợ kĩ thuật
					</a>
					<ul>
						<li><a href="#">Thêm sản phẩm</a></li>
						<li><a class="current" href="#">Quản lí sản phẩm</a></li> <!-- Add class "current" to sub menu items also -->
						<li><a href="#">Thêm loại sản phẩm</a></li>
						<li><a href="#">Quản lí loại sản phẩm</a></li>
					</ul>
				</li>

				<li>
					<a href="#" class="nav-top-item">
						Quản lí đơn hàng
					</a>
					<ul>
						<li><a href="#">Create a new Page</a></li>
						<li><a href="#">Manage Pages</a></li>
					</ul>
				</li>

				<li>
					<a href="#" class="nav-top-item">
						Liên hệ
					</a>
					<ul>
						<li><a href="#">Upload Images</a></li>
						<li><a href="#">Manage Galleries</a></li>
						<li><a href="#">Manage Albums</a></li>
						<li><a href="#">Gallery Settings</a></li>
					</ul>
				</li>

				<li>
					<a href="#" class="nav-top-item">
						Tuyển dụng
					</a>
					<ul>
						<li><a href="#">Calendar Overview</a></li>
						<li><a href="#">Add a new Event</a></li>
						<li><a href="#">Calendar Settings</a></li>
					</ul>
				</li>

				<li>
					<a href="#" class="nav-top-item">
						Cấu hình Website
					</a>
					<ul>
						<li><a href="#">General</a></li>
						<li><a href="#">Design</a></li>
						<li><a href="#">Your Profile</a></li>
						<li><a href="#">Users and Permissions</a></li>
					</ul>
				</li>

			</ul> <!-- End #main-nav -->

			<div id="messages" style="display: none"> <!-- Messages are shown when a link with these attributes are clicked: href="#messages" rel="modal"  -->

				<h3>3 Messages</h3>

				<p>
					<strong>17th May 2009</strong> by Admin<br />
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue.
					<small><a href="#" class="remove-link" title="Remove message">Remove</a></small>
				</p>

				<p>
					<strong>2nd May 2009</strong> by Jane Doe<br />
					Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.
					<small><a href="#" class="remove-link" title="Remove message">Remove</a></small>
				</p>

				<p>
					<strong>25th April 2009</strong> by Admin<br />
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue.
					<small><a href="#" class="remove-link" title="Remove message">Remove</a></small>
				</p>

				<form action="" method="post">

					<h4>New Message</h4>

					<fieldset>
						<textarea class="textarea" name="textfield" cols="79" rows="5"></textarea>
					</fieldset>

					<fieldset>

						<select name="dropdown" class="small-input">
							<option value="option1">Send to...</option>
							<option value="option2">Everyone</option>
							<option value="option3">Admin</option>
							<option value="option4">Jane Doe</option>
						</select>

						<input class="button" type="submit" value="Send" />

					</fieldset>

				</form>

			</div> <!-- End #messages -->

		</div></div> <!-- End #sidebar -->

		<div id="main-content"> <!-- Main Content Section with everything -->

			<noscript> <!-- Show a notification if the user has disabled javascript -->
				<div class="notification error png_bg">
					<div>
						Javascript is disabled or is not supported by your browser. Please <a href="http://browsehappy.com/" title="Upgrade to a better browser">upgrade</a> your browser or <a href="http://www.google.com/support/bin/answer.py?answer=23852" title="Enable Javascript in your browser">enable</a> Javascript to navigate the interface properly.
					</div>
				</div>
			</noscript>

			<!-- Page Head -->
			<h2>Welcome John</h2>
			<p id="page-intro">What would you like to do?</p>

			<ul class="shortcut-buttons-set">

				<li><a class="shortcut-button new-article" href="#"><span class="png_bg">
					Write an Article
				</span></a></li>

				<li><a class="shortcut-button new-page" href="#"><span class="png_bg">
					Create a New Page
				</span></a></li>

				<li><a class="shortcut-button upload-image" href="#"><span class="png_bg">
					Upload an Image
				</span></a></li>

				<li><a class="shortcut-button add-event" href="#"><span class="png_bg">
					Add an Event
				</span></a></li>

				<li><a class="shortcut-button manage-comments" href="#messages" rel="modal"><span class="png_bg">
					Open Modal
				</span></a></li>

			</ul><!-- End .shortcut-buttons-set -->

			<div class="clear"></div> <!-- End .clear -->

			<div class="content-box"><!-- Start Content Box -->

				<div class="content-box-header">

					<h3>Thêm sản phẩm</h3>


					<div class="clear"></div>

				</div> <!-- End .content-box-header -->
				<div class="clear"></div>
				<div class="content-box-content">

                <div class="them">
                    <form action="<?php echo $this->url(array('module'=>'admin','controller'=>'Product','action'=>'add'))?>" method="post">
                        <table class="them">
                        <tr>
                            <td style="width: 25%">Tên sản phẩm</td>
                            <td style="width: 75%">
                                <?php
                                    echo $this->formText('ten','');
                                ?>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 25%">Mã loại cha</td>
                            <td style="width: 75%">
                                <?php
                                    $mang = array('1'=>'Acer','2'=>'HTC');
                                    echo $this->formSelect('ma_loai_cha','1',array('style' => 'width: 150px'),$mang,null);
                                ?>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 25%">Mô tả tóm tắt</td>
                            <td style="width: 75%">
                                <?php
                                    echo $this->formTextarea('mo_ta_tom_tat','',array('rows'=>'8'));
                                ?>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 25%">Mô tả chi tiết</td>
                            <td style="width: 75%">
                                <?php
                                    echo $this->formTextarea('mo_ta_chi_tiet','',array('rows'=>'8'));
                                ?>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 25%">Sản phẩm mới</td>
                            <td style="width: 75%">
                                <?php
                                    $mang = array('1'=>'Sản phẩm mới','2'=>'Sản phẩm cũ');
                                    echo $this->formRadio('san_pham_moi','1','',$mang,null);
                                ?>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 25%">Đơn giá</td>
                            <td style="width: 75%">
                                <?php
                                    echo $this->formText('don_gia','');
                                ?>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 25%">Hình ảnh</td>
                            <td style="width: 75%">
                                <?php
                                    echo $this->formFile('hinh','');
                                ?>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 25%">Trạng thái</td>
                            <td style="width: 75%">
                                <?php
                                    $mang = array('1'=>'Hiển thị','2'=>'Không hiển thị');
                                    echo $this->formRadio('trang_thai','1','',$mang,null);
                                ?>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 25%">Ngày đăng</td>
                            <td style="width: 75%">
                                <?php
                                    echo $this->formText('ngay_dang','');
                                ?>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <?php
                                    echo $this->formSubmit('submit', 'Lưu', array('style'=>'border: #666666 1px
                                    solid'));
                                ?>
                            </td>
                        </tr>
                    </table>
                    </form>
                </div>

				</div> <!-- End .content-box-content -->



			</div> <!-- End .content-box -->


			<div class="content-box column-left"><!-- Start Content Box -->

				<div class="content-box-header">

					<h3>Content box left</h3>

				</div> <!-- End .content-box-header -->

				<div class="content-box-content">

					<div class="tab-content default-tab">

						<h4>Maecenas dignissim</h4>
						<p>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in porta lectus. Maecenas dignissim enim quis ipsum mattis aliquet. Maecenas id velit et elit gravida bibendum. Duis nec rutrum lorem. Donec egestas metus a risus euismod ultricies. Maecenas lacinia orci at neque commodo commodo.
						</p>

					</div> <!-- End #tab3 -->

				</div> <!-- End .content-box-content -->

			</div> <!-- End .content-box -->

			<div class="content-box column-right"><!-- Start Content Box -->

				<div class="content-box-header">

					<h3>Content box right</h3>

				</div> <!-- End .content-box-header -->

				<div class="content-box-content">

					<div class="tab-content default-tab">

						<h4>Maecenas dignissim</h4>
						<p>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in porta lectus. Maecenas dignissim enim quis ipsum mattis aliquet. Maecenas id velit et elit gravida bibendum. Duis nec rutrum lorem. Donec egestas metus a risus euismod ultricies. Maecenas lacinia orci at neque commodo commodo.
						</p>

					</div> <!-- End #tab3 -->

				</div> <!-- End .content-box-content -->

			</div> <!-- End .content-box -->
			<div class="clear"></div>


			<!-- Start Notifications -->

			<div class="notification attention png_bg">
				<a href="#" class="close"><img src="resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
				<div>
					Attention notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien quis fermentum luctus, libero.
				</div>
			</div>

			<div class="notification information png_bg">
				<a href="#" class="close"><img src="resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
				<div>
					Information notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien quis fermentum luctus, libero.
				</div>
			</div>

			<div class="notification success png_bg">
				<a href="#" class="close"><img src="resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
				<div>
					Success notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien quis fermentum luctus, libero.
				</div>
			</div>

			<div class="notification error png_bg">
				<a href="#" class="close"><img src="resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
				<div>
					Error notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien quis fermentum luctus, libero.
				</div>
			</div>

			<!-- End Notifications -->

			<div id="footer">
				<small>
						&#169; Copyright 2009 Simpla Admin | Powered by <a href="http://themeforest.net/item/simpla-admin-flexible-user-friendly-admin-skin/46073">Simpla Admin</a> | <a href="#">Top</a>
				</small>
			</div><!-- End #footer -->

		</div> <!-- End #main-content -->

	</div></body>

</html>
